import { hotSearchAPI, searchResultAPI } from "@/api"; //配置好axios的大项目
//search模块的仓库
const state = {
  //热搜关键字
  hotListData: [],
  // 搜索结果
  searchResData: [],
};
//mutions是唯一修改state的地方
const mutations = {
  GETHOTLISTDATA(state, hotListData) {
    state.hotListData = hotListData;
  },
  GETSEARCHRESDATA(state, searchResData) {
    state.searchResData = searchResData;
  },
};
//action|用户处理派发action地方的，可以书写异步语句、自己逻辑地方
const actions = {
  // 热搜关键字
  async gethotListData({ commit }) {
    let data = await hotSearchAPI();
    if (data.code == 200) {
      commit("GETHOTLISTDATA", data.result);
    }
  },
  // 搜索结果
  async getsearchResData({ commit }, val) {
    let data = await searchResultAPI(val);
    if (data.code == 200) {
      commit("GETSEARCHRESDATA", data.result);
    }
  },
};
//计算属性
//项目当中getters主要的作用是:简化仓库中的数据(简化数据而生)
const getters = {};
export default {
  namespaced: true, //开启命名空间，不要漏了
  state,
  mutations,
  actions,
  getters,
};
